// tailwind.config.js
module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  media: false, // or 'media' or 'class'
  theme: {
    spacing: Array.from({length: 200}).reduce((map, _, index) => {
      map[index] = `${index * 4}px`;
      return map;
    }, {}),
    extend: {
      borderRadius: {
        sm: '2px',
        DEFAULT: '4px',
        md: '6px',
        lg: '8px',
        xl: '12px',
        '2xl': '16px',
        '3xl': '24px'
      },
      fontSize: {
        xs: '12px',
        sm: '14px',
        base: '18px',
        lg: '18px',
        xl: '20px',
        '2xl': '24px',
        '3xl': '30px'
      },
      lineHeight: Array.from({length: 7}).reduce((map, _, index) => {
        map[index + 3] = `${(index + 3) * 4}px`;
        return map;
      }, {})
    }
  }
};
